
import React,{Component} from 'react'
import {areaClient} from 'action/sellOption'

export default class AreaClient extends Component{
	
	init(){
		let App=echarts.init(document.querySelector("#areaClient"));
		App.setOption(areaClient());
	}
	
	componentDidMount(){
		
		let w=(window.getComputedStyle(
				document.querySelector('.areaClient'))).width.replace('px','');
			
		document.querySelector('#areaClient').width=w;
		
		this.init();
		
	}
	
	render(){
		return(
			<div className="progress">
				<article className="areaClient progress">
					<div className="regiona2">
	 					<h2>Goal attainment</h2>
	 				</div>
					<canvas id="areaClient" width="450" height="450px">	
					</canvas>
				</article>
			</div>
		)
	}
}
